@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; list-style:none;}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
img { display:block;}
body { width:100%; font-family:"微软雅黑";}
.Head { position:relative;}
.banner { width:100%; height:100%; position:relative;}
.banner  img { width:100%; height:100%; position:absolute; left:0; top:0;}
.banner  .current { z-index:1; -moz-animation:show 1s; -ms-animation:show 1s; -o-animation:show 1s; -webkit-animation:show 1s;}
@-webkit-keyframes show{
    from{opacity:0;}
    to{opacity:1;}
}
@-o-keyframes show{
    from{opacity:0;}
    to{opacity:1;}
}
@-moz-keyframes show{
    from{opacity:0;}
    to{opacity:1;}
}
@-ms-keyframes show{
    from{opacity:0;}
    to{opacity:1;}
}

/*.Hnav*/
.Hnav { width:100%; position:absolute; z-index:2; left:0; top: 75px;}
.hLogo { margin:5.5px 0 0 150px; float:left;  width:212px; height:59px;}
.navgitor { margin:0px 0 0 0;}
.Hnav .HnavBackground{background-color: #fff;opacity: 0.5;filter:alpha(opacity=50);width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;z-index: -1}
.HnavUl { float:left;    margin: 0 7.2% 0 17.5%;}
.HnavSign { float:left; margin:23.5px 50px 0 0;position: relative;}
.HnavUl li { float:left; height:70px;  text-align:center; line-height:70px;margin-left: 65px;}
.Hnav .HeadUnderline{display: block;height: 5px;background-color: #fff;width: 5px;position: absolute;top: 52px;left: 695px;}
.HnavUl li a{text-decoration:none; color:#fff; font-size:24px; }
.HnavSign a{ text-decoration:none; font-size:14px; color:#fff; width:42px; height:22px; display:inline-block; text-align:center; line-height:22px; border-radius:5px; }
.HnavSign .current { background:#0ea49e;}


/*HlittleBtn*/
.HlittleBtn { position:absolute; right:5%; bottom:5%; z-index:3;}
.HlittleBtn ul li { float:left; width:20px; height:20px; border-radius:20px; background:rgba(255,255,255,0.6); margin:0 5px 0 0;}
.HlittleBtn ul .current { background:#fff;}

/*Map*/
.Map { width:100%; position:relative;}
.MTop { width:100%; height:40px; background:#000; position:absolute; left:0; top:-30px; z-index:10;}
.MTIn { width:62.5%; margin:0 auto;}
.MTIn a { text-decoration:none; color:#fff; font-size:15px; height:30px; line-height:40px; display:inline-block;}
.MTIn .differ { margin:0 26px;}

.little3jiao { position:absolute; left:22%;}
.MCenter { width:100%;background:#e8e8e8;} 
.MCenterIn { width:65%; margin:0 auto; padding:30px 0; position:relative;}
.MCenterIn div { float:left; width:16%; text-align:center; font-size:15px; color:#33445b; background:url(/public/img/bn/mapBg.jpg) no-repeat 100% 0;}
.MCenterIn div img { width:100%;}

.MCenter  .MCenterIn .searchBox , .MCenter  .MCenterIn .searchBox div { background-image:none;}
.MCenter  .MCenterIn .searchBox{ width:20%; position:absolute; z-index:11;right:0; top:-30px;}
.MCenterIn .searchBox .sbTop { width:100%; background-color:#ff6767; height:40px; line-height:40px; color:#fff;}
.MCenter  .MCenterIn .sbCenter { width:100%; background-color:#fff; padding:0 0 10px 0;}
.sbCenter  select { width:80%; height:30px; border-radius:5px; border:none; background:#d9d9d9; margin:30px 0 0 0; padding:0 5px; box-sizing:border-box;}
.MCenter  .MCenterIn .enjoyBg { width:80%; margin:10px 0 0 20px;}
.sure { width:60%; height:30px; background-color:#ff6767; border:none; margin:5px 0 0 0; color:#fff; font-size:16px;}

/*trip*/
.trip { width:100%;background:#fff;}
.tripIn { width:65%; margin:0 auto; padding:30px 0 80px 0; position:relative;}
.tripIn h3,.limitIn h3{ font-size:24px; color:#b5dfca; font-weight:normal;}
.project { width:100%; margin:20px 0 0 0; overflow:hidden;}
.projectall {width:30%; position:relative; float:left; margin:0 3% 0 0;}
.projectall img {width:100%;border:none;}
.projectallCenterBg {width: 100%; height:50px; position:absolute;top:40%; z-index:2; text-align:center;}
.projectallCenterBg  h4 { color:#fff; font-size:36px; font-weight:normal;margin: 0 0 0 0;line-height: 66px;}
.projectallCenterBg  p { color:#fff; font-size:14px; margin:5px 0 0 0;}
.projectallCenterBg .hoverDetailMain{left:0px;text-align: center;width: 100%;}
.tripIn .more { position:absolute; left: 100px; top:6%; padding:0 0 0 30px;}
.tripIn .moreI { width:33px; height:29px; display:inline-block;  background:url(/public/img/bn/fangzi.png) no-repeat; background-size:100% 100%; float:left;}
.tripIn .more p {color:#fff; float:left; margin: 0 0 0 5px;}
.tripIn .more p a{color:#fff; text-decoration:none;}
.hoverDetail { width: 100%; position: absolute; z-index: 10; left: 0; top: 40%; box-sizing: border-box;}
.hoverDetail h5 { color: #fff; font-size: 16px; font-weight: normal;padding-left: 32px;}
.hoverDetailText { margin: 5px 0 0 0;}
.hoverDetailText p { float: left; width: 68%; color: #fff; font-size: 12px;line-height: 18px;padding-left: 32px;}
.hoverDetailText .hdPrice {font-size: 12px;color: #fff;float: right;width: 80px;height: 20px;line-height: 20px;text-align: center;background: #66b888;position: absolute;bottom: 0px;right: 0px;}
.hoverDetailBackground{background-color: rgb(89,86,86);opacity: 0.6;filter:alpha(opacity=60);width: 100%;height: 66px;}
.hoverDetailMain{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}

/*limit*/
.wifi { width: 17px; height: 13px;display: inline-block; background:url(/public/img/bn/wifi.png); position: relative;top:auto; left:auto;    margin-right: 5px; }
.binxiang {width: 11px; height: 16px;display: inline-block; background:url(/public/img/bn/bingxiang.png); position: relative;top:auto; left:auto;    margin-right: 5px;}
.kongtiao { width: 19px; height: 11px;display: inline-block; background:url(/public/img/bn/kongtiao.png); position: relative;top:auto; left:auto;    margin-right: 5px;}
.guanjia { width: 13px; height: 18px;display: inline-block; background:url(/public/img/bn/guanjia.png);  position: relative;top:auto; left:auto;    margin-right: 5px;}
.limit { width:100%; background:#fff;}
.limit img{width: 100%}
.limitIn { width:65%; margin:0 auto;  padding:30px 0 80px 0; position:relative;}
.lProject { width:100%; margin:20px 0 0 0; overflow:hidden;}
.lProjectLeft { float: left;width: 74%}
.lProjectLeftTopLeft { float: left; position: relative;width:66%;}
.lProjectLeftTopLeft .showBox { width: 100%; position: absolute; left: 0; bottom: 0; height: 50px; z-index: 10; box-sizing: border-box;}
.lProjectLeftTopLeft .showBox .showBoxMain{position: absolute; left: 32px; top: 0;width: 100%; }
.lProjectLeftTopLeft i{margin: 0 0 0 5px}
.lProjectLeftTopLeft .wifi,.lProjectLeftTopLeft .binxiang,.lProjectLeftTopLeft .kongtiao,.lProjectLeftTopLeft .guanjia { position: relative;top:auto; left:auto;}
 .showBox span{ position: absolute; right: 10%; top: 15px;}
.lProjectLeftTopLeft .showBox p { line-height: 50px;}

.lProjectLeftTopRight { float: left; margin: 0 0 0 1.5%;  position: relative;width: 32.5%;}
.showBox { width: 100%; position: absolute; left: 0; bottom: 0; height: 50px; z-index: 10; box-sizing: border-box;}
.showBox .showBoxBackground{background-color: #ffffff;width: 100%;height: 100%;opacity: 0.8;filter:alpha(opacity=80);}
.lProjectLeftTopRight .showBox .showBoxMain{position: absolute; left: 10px; top: 0;width: 100%; }


.lProjectLeftBottom { margin: 10px 0 0 0;}
.lProjectLeftBottomLeft { float: left;   width: 32.4%;position: relative;}
.lProjectLeftBottomCenter { float: left; margin: 0 1.25%;  width: 32.4%;position: relative;}
.lProjectLeftBottomRight { float: left;  width: 32.4%;position: relative;}
.lProjectLeftBottomLeft .showBox .showBoxMain,.lProjectLeftBottomRight .showBox .showBoxMain,.lProjectLeftBottomCenter .showBox .showBoxMain,.lProjectLeftTopRight .showBox .showBoxMain{position: absolute; left: 10px; top: 0;width: 100%; height: 100%;}
.lProjectLeftBottomLeft .showBox span,.lProjectLeftBottomRight .showBox span,.lProjectLeftBottomCenter .showBox span,.lProjectLeftTopRight .showBox span{position: absolute;bottom: 0px;right: 10px;top: auto;}

.lProjectRight { float: right; margin: 0 0 0 2px;width: 24.2%}

.flyCar{ position:absolute; z-index:2; right:5%; bottom:-4px;}
.flyCar i { display:inline-block; width:30px; height:30px;}
.flyCar .sever { background:url(/public/img/bn/specialIcon01.png) no-repeat;}
.flyCar .fly { background:url(/public/img/bn/specialIcon01.png) no-repeat 0 -31px;}
.flyCar .car { background:url(/public/img/bn/specialIcon01.png) no-repeat 0 -59px;}

.limitIn .more { position:absolute;left: 80px; top:30px; padding:0 0 0 30px;}
.limitIn .moreI { width:33px; height:29px; display:inline-block;  background:url(/public/img/bn/fangxing.png) no-repeat; background-size:100% 100%; float:left;}
.limitIn .more p {color:#000; float:left; margin:0 0 0 5px;}
.limitIn .more p a{color:#000; text-decoration:none;}


/*copyRight*/
.top { position:absolute; z-index:2; left:50%; top:-45px; width:60px; margin:0 0 0 -40px; -moz-animation:topShow 2s infinite; -ms-animation:topShow  2s infinite; -o-animation:topShow  2s infinite; -webkit-animation:topShow 2s infinite;}
@-webkit-keyframes topShow{
    0%{ top:-30px; opacity:0;}
    100% { top:-45px; opacity:1;}
}
@-moz-keyframes topShow{
    0%{ top:-30px; opacity:0;}
    100% { top:-45px; opacity:1;}
}
@-ms-keyframes topShow{
    0%{ top:-30px; opacity:0;}
    100% { top:-45px; opacity:1;}
}
@-o-keyframes topShow{
    0%{ top:-30px; opacity:0;}
    100% { top:-45px; opacity:1;}
}

.top  img{ width:60px;cursor: pointer;}

.copyRight { width:100%; background:#76bf9f; position:relative; color:#284857;}
.copyRightIn { width:65%; margin:0 auto; padding:60px 0 30px 0;}
.copyRightIn .erweima { width:40%; float:left;}
.copyRightIn .erweima  .guanwang ,  .copyRightIn .erweima  .dujiawu , .copyRightIn .erweima .weibo{ width:30%; text-align:center; float:left; margin:0 10px 0 0;}
.copyRightIn .erweima  .guanwang p , .copyRightIn .erweima  .dujiawu p , .copyRightIn .erweima .weibo p{ margin:0 0 10px 0; font-size:18px;}
.copyRightIn .erweima  .guanwang img ,.copyRightIn .erweima  .dujiawu img , .copyRightIn .erweima .weibo img { width:100%;}
 
.message { width:60%; float:right; margin:5% 0 0 0;}
.message div{ width:30%; float:left; text-align:center;}
.contact p { font-size:20px; font-family:'Verdana'; margin:30px 0 0 0;}
.message div a { text-decoration:none; font-size:16px; color:#000;}

.last { width:100%; background:#595656; padding:10px 0;}
.last p{ margin:0 auto; color:#fff; width:38%;}
.last img{ margin:10px auto 0;}

.userNAME { color: #68b996;display: inline-block;background-color: #fff;font-size: 24px;font-weight: bold;width: 180px;height: 35px;line-height: 35px;text-align: center;overflow: hidden;text-overflow: ellipsis;}
#userAlert{width: 180px;position: absolute;top: 100%;left: 0px;background: transparent url(/public/img/HUANYIN.png) no-repeat -5px 0;border-top: 1px solid #d3ceec;display: none;}
#userAlert img{width:75px;height: 75px;border-radius: 37.5px;border: 0px;display: inline-block;vertical-align: top;}
#userAlert .alertNameDiv{width: 70px;display:inline-block;}
#userAlert .alertNameDiv p{margin-top: 10px;width: 100%;max-width: 100%;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:  #68b996;}
#userAlert .userIcon{padding: 12px 0px;width: 150px;margin: 0 auto;border-bottom: 1px solid #595656}
#userAlert .userAlertBottom{text-align: center;}
#userAlert .userAlertBottom a{width: 84px;height:33px;color: #68b996;background-color: transparent;text-align: center;margin: 25px 0px;font-size: 18px;line-height: 33px;}
#userAlert .userAlertBottom a:hover{background-color:#68b996;color: #fff; }

/*bieshuBanner*/
.bieshuBanner { width:100%; position: relative; }
.bieshuBannerIn {width: 100%; margin:0 auto; padding:20px 0 20px 0; background: #686565; text-align: center}
.navScroll { position:fixed; left:0; top:0; z-index:99; width:100%; padding:10px 0 10px 0;}

.destination ,.price ,.theme,.type   { width: 210px;height:39px; background:#fff; margin:0 50px 0 0; position:relative;display: inline-block;text-align: left;vertical-align: top;float: none;border-radius: 5px;}
.destination .beishuHouse { width:41px; height:40px; margin:10px 0 0 3px; display:inline-block; background:url(../img/bieshuHouseBg.png); float:left;}
.selected span{z-index: 12;line-height: 60px;}
.price .beishuprice { width:41px; height:40px; margin:10px 0 0 3px; display:inline-block; background:url(../img/bieshuPriceBg.png); float:left;}
.price input,.destination input,.theme input,.type input { border-radius: 5px; z-index: 11;position: absolute;height:39px;outline:none; float:left; width:100%; color:#9d9c9c; font-size:18px; line-height:39px; border:none;padding: 0px 10px;}

.theme .beishutheme { width:41px; height:40px; margin:10px 0 0 3px; display:inline-block; background:url(../img/bieshuThemeBg.png); float:left;}

.Search { width:104px; background:#0ea49e; height:36px;display: inline-block;float: none;border-radius: 5px;overflow: hidden;position: relative;top: 1.5px;}
.Search button { width:100%; height:36px; border:none; background:#68b996;  color:#fff; font-size:18px; cursor:pointer; }
.cityChoose,.priceChoose,.themeChoose { width:100%; position:absolute;  top:60px; left:0; background:#fff; padding:0 5px; box-sizing:border-box;z-index: 89;}
.cityChoose a,.themeChoose a,.priceChoose a { text-decoration:none; color:#939292; width:95px; text-align:center; display:inline-block; margin:5px 0 0 0;}
.cityChoose a:hover,.themeChoose a:hover,.priceChoose a:hover{color: #68b996}
.selected .choose{display: none;z-index: 11}
#shade{position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;display: none;z-index: 10}
@media (max-width: 1639px) {
    .HnavUl {
        float: left;
        margin: 0 5% 0 7%;
    }
    .HnavUl li {
        float: left;
        height: 40px;
        text-align: center;
        line-height: 40px;
        margin-left: 58px;
    }
}
@media (max-width: 1366px) {
    .HnavUl {
        float: left;
        margin: 0 5% 0 6%;
    }
    .hLogo{
        margin: 0px 0 0 50px;
        float: left;
        width: 212px;
        height: 59px;
    }
    .HnavUl li {
        float: left;
        height: 40px;
        text-align: center;
        line-height: 40px;
        margin-left: 58px;
    }
}
.activity img{
    display: inline-block;
    margin-top: 20px;
}
.activity>a>img{
    width: 48%;
    border: 0px;
}
.loginBtn{display: none;}
@media (max-width:768px){
    .destination ,.price ,.theme,.type   { width: 45%;height:39px; background:#fff; margin:10px 0px 0 0; position:relative;display: inline-block;text-align: left;vertical-align: top;float: none;border-radius: 5px;}
    .price input, .destination input, .theme input, .type input{padding: 0px;}
    .bieshuBannerIn li:nth-child(odd){margin-right: 15px;}
    .Search{margin-top: 10px;}
    .cityChoose, .priceChoose, .themeChoose{top:41px;}
    .selected .choose{z-index: 13;}
    .Hnav .HeadUnderline{display: none}
    .tripIn,.limitIn{width: 100%}
    .projectall{margin: 0 0% 0 2.5%;}
    .tripIn h3, .limitIn h3{padding-left: 15px;}
    .tripIn .more{    left: 113px;  top: 7%;}
    .activity>a>img{    margin-left: 8px;}
    .last p{width: 100%;text-align: center}
    .copyRight{  display: none;}
    .hLogo{    margin: 0px 0 0 30px;    width: 100px;height: 40px;}
    .HnavUl li{margin-left: 31px;}
    .HnavUl li a{font-size: 18px;}
    .HnavSign{    line-height: 40px;margin: 0px;}
    .lProjectLeft{width:100%;}
    .lProjectRight{display: none;}
    .lProjectLeftBottom{margin: 0px;}
    .lProjectLeftTopLeft,.lProjectLeftTopRight,.lProjectLeftBottomLeft,.lProjectLeftBottomCenter,.lProjectLeftBottomRight{width: 100%;height: 255px;margin: 10px 0px 0px;}
    .lProjectLeftTopLeft img,.lProjectLeftTopRight img,.lProjectLeftBottomLeft img,.lProjectLeftBottomCenter img,.lProjectLeftBottomRight img{width: 100%;height: 100%;}
    .lProjectLeftTopLeft .showBox .showBoxMain{left: 10px;}
    .lProjectLeftTopLeft .showBox p,.lProjectLeftTopRight .showBox p,.lProjectLeftBottomLeft .showBox p,.lProjectLeftBottomCenter .showBox p,.lProjectLeftBottomRight .showBox p{line-height: 50px;}
    .lProjectLeftBottomLeft .showBox span, .lProjectLeftBottomRight .showBox span, .lProjectLeftBottomCenter .showBox span, .lProjectLeftTopRight .showBox span{position: absolute;  right: 10%;  top: 15px;}
}
